<template>
  <div class="containerbox">
    <Topbar/>
    <div class="contentbox">
      <NavMenu />
      <transition name="fade1">
        <router-view ></router-view>
      </transition>
    </div>
  </div>
</template>

<script>
import NavMenu from '@/components/admin/navmenu'
import Topbar from '@/components/admin/top.vue'
export default {
  name: 'AdminHome',
  components:{
    NavMenu,Topbar
  },
  data(){
    return{
  
    }
  }
}
</script>

<style scoped>
.contentbox{
  display: flex;
  flex-direction: row;
}

.fade1-enter-active,
.fade1-leave-active {
  transition: opacity 0.5s;
}

.fade1-enter,
.fade1-leave-to {
  opacity: 0; 
}

</style>
